<div class="logobar">
    <div style="position: relative">
        <img src="./images/logo.png">
        <div style="position: absolute;top:27px;left:440px;">
            <input class="fl" type="text" style="outline:none;border:none; background:none;border: 2px solid #f70;height:35px;width:250px;">
            <button style="outline:none;border:none;background-color: #f70;border-color: #f70;width:70px;height:35px;color:#fff;line-height: 1px;">搜索</button>
        </div>
    </div>

</div>
<div class="banner"></div>
<div class="content" ng-init="tabFlag='findJob'">
    <!--<h1><a ng-click="tabFlag = 'findJob'">我要工作</a>/<a ng-click="tabFlag = 'findPerson'">我要找人</a></h1>-->
    <div class="button-group" style="margin-top:20px;">
        <button type="button" class="button button-primary" ng-click="tabFlag = 'findJob'">我要工作</button>
        <button type="button" class="button button-primary" ng-click="tabFlag = 'findPerson'">我要找人</button>
    </div>
    <div class="content-job" ng-show="tabFlag == 'findJob'">
        <div class="row">
            <div class="top">
                <div class="t-left fl">
                    <a ui-sref="items({type:1})">日常保洁</a>
                </div>
                <div class="t-right fr">
                    <a ui-sref="items({type:1})">查看更多<i class="fa fa-angle-double-right"></i></a>
                </div>
            </div>
            <div class="row-content">
                <ul class="list clearfix">
                    <li ui-sref="job({jobId:item.jobId})" ng-repeat="item in jobs.job1 | limitTo: 4">
                        <a><img ng-src="{{item.imageUrl}}"></a>
                        <div class="msg">
                            <a class="msg-t">{{item.title}}</a>
                            <p class="msg-m">{{item.info}}</p>
                            <div class="msg-p clearfix">
                                <span class="msg-pl fl">￥{{item.price}}元</span>
                                <span class="msg-pr fr">{{item.visitNum}}人已浏览</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="top">
                <div class="t-left fl">
                    <a ui-sref="items({type:2})">保姆月嫂</a>
                </div>
                <div class="t-right fr">
                    <a ui-sref="items({type:2})">查看更多<i class="fa fa-angle-double-right"></i></a>
                </div>
            </div>
            <div class="row-content">
                <ul class="list clearfix">
                    <li ui-sref="job({jobId:item.jobId})" ng-repeat="item in jobs.job2 | limitTo: 4">
                        <a><img ng-src="{{item.imageUrl}}"></a>
                        <div class="msg">
                            <a class="msg-t">{{item.title}}</a>
                            <p class="msg-m">{{item.info}}</p>
                            <div class="msg-p clearfix">
                                <span class="msg-pl fl">￥{{item.price}}元</span>
                                <span class="msg-pr fr">{{item.visitNum}}人已浏览</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="top">
                <div class="t-left fl">
                    <a ui-sref="items({type:3})">物品维修</a>
                </div>
                <div class="t-right fr">
                    <a ui-sref="items({type:3})">查看更多<i class="fa fa-angle-double-right"></i></a>
                </div>
            </div>
            <div class="row-content">
                <ul class="list clearfix">
                    <li ui-sref="job({jobId:item.jobId})" ng-repeat="item in jobs.job3 | limitTo: 4">
                        <a><img ng-src="{{item.imageUrl}}"></a>
                        <div class="msg">
                            <a class="msg-t">{{item.title}}</a>
                            <p class="msg-m">{{item.info}}</p>
                            <div class="msg-p clearfix">
                                <span class="msg-pl fl">￥{{item.price}}元</span>
                                <span class="msg-pr fr">{{item.visitNum}}人已浏览</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="top">
                <div class="t-left fl">
                    <a ui-sref="items({type:4})">货运搬家</a>
                </div>
                <div class="t-right fr">
                    <a ui-sref="items({type:4})">查看更多<i class="fa fa-angle-double-right"></i></a>
                </div>
            </div>
            <div class="row-content">
                <ul class="list clearfix">
                    <li ui-sref="job({jobId:item.jobId})" ng-repeat="item in jobs.job4 | limitTo: 4">
                        <a><img ng-src="{{item.imageUrl}}"></a>
                        <div class="msg">
                            <a class="msg-t">{{item.title}}</a>
                            <p class="msg-m">{{item.info}}</p>
                            <div class="msg-p clearfix">
                                <span class="msg-pl fl">￥{{item.price}}元</span>
                                <span class="msg-pr fr">{{item.visitNum}}人已浏览</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content-person" ng-show="tabFlag == 'findPerson'">
        <div class="row">
            <div class="top">
                <div class="t-left fl">
                    <a>人员推荐</a>
                </div>
                <div class="t-right fr">
                    <a>查看更多<i class="fa fa-angle-double-right"></i></a>
                </div>
            </div>
            <div class="padding20">
                <table>
                    <tbody>
                        <tr class="border-gray" ng-repeat="item in person">
                            <td width="150px;"><img src="./images/person/woman.png"></td>
                            <td width="150px">{{item.realName}} </td>
                            <td width="150px;">{{item.age}}岁</td>
                            <td width="120px">
                                <span ng-show="item.type==1">日常保洁</span>
                                <span ng-show="item.type==2">保姆月嫂</span>
                                <span ng-show="item.type==3">物品维修</span>
                                <span ng-show="item.type==4">货运搬家</span>
                            </td>
                            <td width="400px">{{item.info}}</td>
                            <td class="font-gray"><button ui-sref="person({userId:item.userId})" class="button button-royal button-rounded">查看详情</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>